Review visual design principles
複習視覺設計5大原則

1.強調(Emphasis)
突出最重要的內容或功能。
技巧:使用對比色、放大字型、新增圖示或留白來引導使用者注意關鍵元素(如“購買按鈕”或主標題)。
2.層級(Hierarchy)
建立資訊的優先順序,讓使用者知道從哪裡開始閱讀。
技巧:大標題 > 副標題 > 正文(字型大小逐級遞減)。使用顏色或位置凸顯主內容
3.比例與尺度(Scale & Proportion)
透過尺寸差異傳達視覺重點與邏輯關係。
技巧:大圖突出,小圖次要。按鈕比正文大,說明其是可互動的重要元件。
4.統一性(Unity)
讓設計整體看起來協調一致。
較:使用一致的色彩、字型、圖示風格。元件之間保持對齊和間距一致
5.多樣性(Variety)
避免設計單調,增強視覺趣味性。
技巧:在保持統一的前提下,引入不同的圖形、顏色或排版樣式。巧妙打破對稱,增強個性化與辨識度
進階:格式塔原則(Gestalt Principles)
如果你想進一步最佳化 Mockup,建議複習這些視覺認知法則,幫助使用者更自然地理解介面結構和邏輯:
相似性、接近性、連續性、閉合性、共同區域